<template>
<div class="container">
     <link href="node_modules/mint-ui/lib/header/style.css" rel="stylesheet"> 
<!-- 手动引入样式，node里面还有很多样式之类的，可以手动引入 -->
<link href="./src/lib/mui-master的副本/dist/css/mui.min.css" rel="stylesheet">
<!-- 手动引入MUI样式 -->
    <!-- 顶部区域 -->
    <mt-header fixed title="固定在顶部"></mt-header>
    <!-- 中间不能写死区域 -->
    <!-- 底部区域 -->
    <div>
        <nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" href="#tabbar">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-chat">
				<span class="mui-icon mui-icon-email"><span class="mui-badge">9</span></span>
				<span class="mui-tab-label">消息</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-contact">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">通讯录</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-map">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">设置</span>
			</a>
		</nav>
    </div>
    <h1>这是app组件</h1>
</div>
</template>

<script>
</script>

<style lang="scss" scoped>
.container{
    padding-top: 40px;
}
</style>